<i-form
    :model="this.data"
    class="app-form info-form-mode"
    ref="form"
    id="story_main"
    style=""
    @on-validate="formItemValidate.apply(_self, arguments)"
>
    <input style="display:none;">
    <row>
    <tabs
        :animated="false"
        size="small"
        name="main"
        :value="detailsModel.form.activiedPage" 
        @on-click="detailsModel.form.clickPage($event)"
    >
        <tab-pane
            v-show="detailsModel.formpage1.visible"
            name="formpage1"
            :index="0"
            tab="main"
            class=""  
            :label="(h) =>{
                return h('span',{
                    class:'caption'
                },[
                $t('entities.story.main_form.details.formpage1')
                ])
            }"
        >
                <i-col
    class="form-layout-container"
    v-show="detailsModel.group1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.group1"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.group1.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.group1')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.group1"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.prodoctname.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="prodoctname"
    :itemRules="this.rules().prodoctname"
    class=""

    :caption="$t('entities.story.main_form.details.prodoctname')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.prodoctname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.prodoctname.disabled"
  name='prodoctname'
  deMajorField='name'
  deKeyField='product'
  valueitem='product' 
  :value="data.prodoctname"  
  editortype="linkonly" 
  :linkview="{ viewname: 'ProductMainTabExpView', title: $t('entities.product.views.maintabexpview.title'), deResParameters: [], parameters: [{ pathName: 'products', parameterName: 'product' }, { pathName: 'maintabexpview', parameterName: 'maintabexpview' } ], width: 1400, height: 850, placement: '', isRedirectView: false }" 
  style=""  
  @formitemvaluechange="onFormItemValueChange">
</app-picker>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.branch.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="branch"
    :itemRules="this.rules().branch"
    class=""

    :caption="$t('entities.story.main_form.details.branch')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.branch.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='branch' :value="data.branch" dataType="PICKUP" unitName=""     :precision="0"
tag='ProductBranch' codelistType='DYNAMIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ PRODUCT:"%product%" }'  :localParam ='{ product:"%product%" }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.modulename1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="modulename1"
    :itemRules="this.rules().modulename1"
    class=""

    :caption="$t('entities.story.main_form.details.modulename1')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.modulename1.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='modulename1' :value="data.modulename1" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.plan.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="plan"
    :itemRules="this.rules().plan"
    class=""

    :caption="$t('entities.story.main_form.details.plan')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.plan.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='plan' :value="data.plan" dataType="LONGTEXT" unitName=""     :precision="0"
tag='CurProductPlan' codelistType='DYNAMIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.source.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="source"
    :itemRules="this.rules().source"
    class=""

    :caption="$t('entities.story.main_form.details.source')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.source.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='source' :value="data.source" dataType="SSCODELIST" unitName=""     :precision="0"
tag='Story__source' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.sourcenote.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="sourcenote"
    :itemRules="this.rules().sourcenote"
    class=""

    :caption="$t('entities.story.main_form.details.sourcenote')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.sourcenote.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='sourcenote' :value="data.sourcenote" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.status.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="status"
    :itemRules="this.rules().status"
    class=""

    :caption="$t('entities.story.main_form.details.status')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.status.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='status' :value="data.status" dataType="SSCODELIST" unitName=""     :precision="0"
tag='Story__status' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.stage.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="stage"
    :itemRules="this.rules().stage"
    class=""

    :caption="$t('entities.story.main_form.details.stage')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.stage.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='stage' :value="data.stage" dataType="SSCODELIST" unitName=""     :precision="0"
tag='Story__stage' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.pri.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="pri"
    :itemRules="this.rules().pri"
    class=""

    :caption="$t('entities.story.main_form.details.pri')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.pri.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='pri' :value="data.pri" dataType="NSCODELIST" unitName=""     :precision="0"
tag='Story__pri' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.storypoints.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="storypoints"
    :itemRules="this.rules().storypoints"
    class=""

    :caption="$t('entities.story.main_form.details.storypoints')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.storypoints.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='storypoints' :value="data.storypoints" dataType="SSCODELIST" unitName=""     :precision="0"
tag='StoryPoints' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.estimate.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="estimate"
    :itemRules="this.rules().estimate"
    class=""

    :caption="$t('entities.story.main_form.details.estimate')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.estimate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='estimate' :value="data.estimate" dataType="FLOAT" unitName=""     :precision="2"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.keywords.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="keywords"
    :itemRules="this.rules().keywords"
    class=""

    :caption="$t('entities.story.main_form.details.keywords')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.keywords.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='keywords' :value="data.keywords" dataType="TEXT" unitName=""     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.mailto.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="mailto"
    :itemRules="this.rules().mailto"
    class=""

    :caption="$t('entities.story.main_form.details.mailto')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.mailto.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='mailto' :value="data.mailto" dataType="SMCODELIST" unitName=""     :precision="0"
tag='UserRealName' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


        </tab-pane> 
        <tab-pane
            v-show="detailsModel.formpage2.visible"
            name="formpage2"
            :index="1"
            tab="main"
            class=""  
            :label="(h) =>{
                return h('span',{
                    class:'caption'
                },[
                $t('entities.story.main_form.details.formpage2')
                ])
            }"
        >
                <i-col
    class="form-layout-container"
    v-show="detailsModel.group2.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.group2"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.group2.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.group2')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.group2"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.grouppanel1"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel1.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.grouppanel1')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel1"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.openedby.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 6, offset: 0 }"
>
    <app-form-item
    name="openedby"
    :itemRules="this.rules().openedby"
    class=""

    :caption="$t('entities.story.main_form.details.openedby')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.openedby.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='openedby' :value="data.openedby" dataType="SSCODELIST" unitName=""     :precision="0"
tag='UserRealName_Gird' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.openeddate.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 12, offset: 0 }"
>
    <app-form-item
    name="openeddate"
    :itemRules="this.rules().openeddate"
    class=""

    :caption="$t('entities.story.main_form.details.openeddate')"
    uiStyle="DEFAULT"
    :labelWidth="35"
    :isShowCaption="true"
    :error="detailsModel.openeddate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='openeddate' :value="data.openeddate" dataType="DATETIME" unitName="" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel2.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.grouppanel2"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel2.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.grouppanel2')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel2"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.assignedto.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 6, offset: 0 }"
>
    <app-form-item
    name="assignedto"
    :itemRules="this.rules().assignedto"
    class=""

    :caption="$t('entities.story.main_form.details.assignedto')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.assignedto.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='assignedto' :value="data.assignedto" dataType="TEXT" unitName=""     :precision="0"
tag='UserRealNameProductTeam' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.assigneddate.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 12, offset: 0 }"
>
    <app-form-item
    name="assigneddate"
    :itemRules="this.rules().assigneddate"
    class=""

    :caption="$t('entities.story.main_form.details.assigneddate')"
    uiStyle="DEFAULT"
    :labelWidth="35"
    :isShowCaption="true"
    :error="detailsModel.assigneddate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='assigneddate' :value="data.assigneddate" dataType="DATETIME" unitName="" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.reviewedby.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="reviewedby"
    :itemRules="this.rules().reviewedby"
    class=""

    :caption="$t('entities.story.main_form.details.reviewedby')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.reviewedby.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='reviewedby' :value="data.reviewedby" dataType="SMCODELIST" unitName=""     :precision="0"
tag='UserRealName' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.revieweddate.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="revieweddate"
    :itemRules="this.rules().revieweddate"
    class=""

    :caption="$t('entities.story.main_form.details.revieweddate')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.revieweddate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='revieweddate' :value="data.revieweddate" dataType="DATE" unitName="" valueFormat="%1$tY-%1$tm-%1$td"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel4.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.grouppanel4"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel4.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.grouppanel4')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel4"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.closedby.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    :xl="{ span: 6, offset: 0 }"
>
    <app-form-item
    name="closedby"
    :itemRules="this.rules().closedby"
    class=""

    :caption="$t('entities.story.main_form.details.closedby')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.closedby.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='closedby' :value="data.closedby" dataType="SSCODELIST" unitName=""     :precision="0"
tag='UserRealName' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.closeddate.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    :xl="{ span: 18, offset: 0 }"
>
    <app-form-item
    name="closeddate"
    :itemRules="this.rules().closeddate"
    class=""

    :caption="$t('entities.story.main_form.details.closeddate')"
    uiStyle="DEFAULT"
    :labelWidth="35"
    :isShowCaption="true"
    :error="detailsModel.closeddate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='closeddate' :value="data.closeddate" dataType="DATETIME" unitName="" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.closedreason.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="closedreason"
    :itemRules="this.rules().closedreason"
    class=""

    :caption="$t('entities.story.main_form.details.closedreason')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.closedreason.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='closedreason' :value="data.closedreason" dataType="SSCODELIST" unitName=""     :precision="0"
tag='Story__closed_reason' codelistType='STATIC' :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.grouppanel3.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.grouppanel3"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.grouppanel3.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.story.main_form.details.grouppanel3')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="true"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.grouppanel3"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.lasteditedby.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 6, offset: 0 }"
>
    <app-form-item
    name="lasteditedby"
    :itemRules="this.rules().lasteditedby"
    class=""

    :caption="$t('entities.story.main_form.details.lasteditedby')"
    uiStyle="DEFAULT"
    :labelWidth="70"
    :isShowCaption="true"
    :error="detailsModel.lasteditedby.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='lasteditedby' :value="data.lasteditedby" dataType="SSCODELIST" unitName=""     :precision="0"
tag='UserRealName' codelistType='DYNAMIC' renderMode="STR" valueSeparator="," textSeparator="," :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.lastediteddate.visible"
    :style="{}"
    
    
    :lg="{ span: 12, offset: 0 }"
    :xl="{ span: 12, offset: 0 }"
>
    <app-form-item
    name="lastediteddate"
    :itemRules="this.rules().lastediteddate"
    class=""

    :caption="$t('entities.story.main_form.details.lastediteddate')"
    uiStyle="DEFAULT"
    :labelWidth="35"
    :isShowCaption="true"
    :error="detailsModel.lastediteddate.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-span name='lastediteddate' :value="data.lastediteddate" dataType="DATETIME" unitName="" valueFormat="%1$tY-%1$tm-%1$td %1$tH:%1$tM:%1$tS"     :precision="0"
:data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
>  
</app-span>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
    
    </row>
</app-form-group>

</i-col>


        </tab-pane> 
    </tabs>
    </row>
</i-form>
